<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-订单详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/purchase/myOrderInfo.min.css?v=<%=$version%>">
</head>
<body>
<div id="myOrderInfo" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        订单详情
    </header>
    <template v-if="num!=1">
        <!--<div class="myOrderInfo-Becareful" v-if="orderInfo.state!=3&&orderInfo.state!=8&&orderInfo.state!=4">-->
            <!--<template v-if="type==1">-->
                <!--很遗憾，您的限时抢购商品未在限定时间内完成支付，该商品的购买权限已失效-->
            <!--</template>-->
            <!--<template v-else>-->
                <!--您的订单中含限时抢购商品，请在限定时间内完成付款。-->
            <!--</template>-->
        <!--</div>-->
    </template>
    <div class="confirmOrder-address">
        <div class="address-bg"></div>
        <div class="address-cent">
            <h6>
                <span class="default-icon" v-if="address.isDefault==1">默认</span>
                <span class="address-name">{{address.consignee}}</span>{{address.phone}}</h6>
            <p>{{address.address}}</p>
            <strong class="address-left" @click="getNext(4)"></strong>
        </div>
    </div>
<!--    <div class="confirmOrder-describe" v-if="orderInfo.afterState&&orderInfo.afterState==10&&orderInfo.state">
        <h6>
            <template v-if="orderInfo.afterState==10">
                您已申请退款，待商家处理
            </template>
        </h6>
        <p>{{orderInfo.payTime}}</p>
        <strong class="myOrderInfo-icon"></strong>
    </div>
    <div class="confirmOrder-describe" v-if="!orderInfo.afterState&&orderInfo.state!=1">
        <h6>
            <template v-if="orderInfo.state==3">
                您提交了订单，请等待第三方卖家确认
            </template>
            <template v-if="orderInfo.state==4">
                商家已发货，请等待签收
            </template>
            <template v-if="orderInfo.state==7">
                您的订单已由本人签收
            </template>
            <template v-if="orderInfo.state==9">
                恭喜，您的物品已转售成功！
            </template>
        </h6>
        <p>{{orderInfo.payTime}}</p>
        <strong class="myOrderInfo-icon"></strong>
    </div>-->
    <div class="confirmOrder-cent">
        <div class="confirmOrder-centList">
            <div class="centList-title">
                <template v-if="orderInfo.mediaUserId==0">
                    <span class="headName">{{orderInfo.name}}</span>
                </template>
                <template v-else>
                    <strong class="headImg" :style="bgimg(orderInfo.headImg)"></strong>{{orderInfo.name}}
                </template>
                <span class="titleState state" v-if="orderInfo.afterState">{{{"10":"待商家处理退款","20":"取消退款","30":"同意退款","40":"拒绝退款","50":"买家投诉","55":"买家取消投诉","60":"申请退货退款","65":"取消退货退款","66":"已发退货快递","70":"同意退货退款","80":"拒绝退货退款","90":"退货退款完成","100":"买家举证","110":"卖家举证"}[""+orderInfo.afterState]}}</span>
                <span class="titleState" v-else :class="{'state':orderInfo.state==1}">{{{"1":"等待付款","2":"确定订单","3":"已支付","4":"已发货","5":"已收货","6":"暂存储","7":"已完成","8":"已取消","9":"已转售","10":"已关闭"}[''+orderInfo.state]}}</span>
            </div>
            <div class="confirmOrder-listCent">
                <div class="centList-cent clearfix" v-for="(list,ins) in orderInfo.subList">
                    <div class="centList-centImg" :style="bgimg(list.imgSrc)">
                        <span class="shoppingCart-icon1" v-if="list.activityType==3"></span>
                        <span class="shoppingCart-icon2" v-if="list.activityType==2"></span>
                        <span class="shoppingCart-icon3" v-if="list.activityType==1"></span>
                        <strong class="overtime" v-if="list.activityType!=null&&compareDate(list)<0"></strong>
                    </div>
                    <div class="centList-centRight">
                        <h6 class="clearfix">{{list.title}}<span class="centRight-h6"><span>×</span>{{list.number}}</span></h6>
                        <p v-if="list.activityType==3">{{list.colorName}}<span></span>当前<strong>9.0</strong>折</p>
                        <p v-else>{{list.colorName}}<i v-if="list.colorName">&nbsp;</i>{{list.specName}}</p>
                        <div class="happyi-mon"><span>&yen;</span>{{list.integral}}</div>
                    </div>
                    <p class="centList-describe" v-if="list.activityType==3">折扣商品请在当天22:00点前付款</p>
                    <p class="centList-describe" v-if="list.activityType==2">秒杀商品请在1小时内完成付款</p>
                    <p class="centList-describe" v-if="list.activityType==1">爆款商品请在1小时内完成付款</p>
                    <div class="centList-data">
                        <span class="centList-Btn" v-if="list.isStorage==0" @click="getIsScreen(1,list)">存入储物箱</span>
                        <span class="centList-Btnactive" v-else-if="list.isStorage==1"><span>✔&nbsp;存入储物箱</span></span>
                        <p v-if="list.activityType!=null&&compareDate(list)>0">剩余<span :id="'data'+ins">{{leftTimer(list,ins)}}</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="myOrderInfo-info">
            <div class="myOrderInfo-infoTop">
                <p><strong>订单编号:</strong>{{orderInfo.orderNumber}}</p>
                <p><strong>下单时间:</strong>{{orderInfo.createDate}}</p>
            </div>
            <div class="myOrderInfo-infoCent">
                <p><strong>支付方式:</strong>{{{"1":"乐币","2":"现金","3":"组合支付"}[""+orderInfo.payType]}}</p>
                <p v-if="orderInfo.state==4||orderInfo.state==6"><strong>支付时间:</strong>{{orderInfo.payTime}}</p>
                <p v-if="orderInfo.state==7"><strong>成交时间:</strong>{{orderInfo.confirmDate}}</p>
                <p v-if="orderInfo.state==9"><strong>售出时间:</strong>{{orderInfo.sellTime}}</p>
                <p v-if="orderInfo.payType==2||orderInfo.payType==3"><strong>支付现金:</strong><span>&yen;{{orderInfo.payMoney}}</span></p>
                <!--<p v-if="orderInfo.payType==1||orderInfo.payType==3"><strong>抵扣乐币:</strong><span class="happyi-mon">{{orderInfo.payIntegral}}</span></p>-->
                <p><strong>商品合计:</strong><span>&yen;{{orderInfo.integral}}</span></p>
                <p><strong>运费:</strong><span>&yen;{{orderInfo.freightIntegral}}</span></p>
            </div>
            <div class="myOrderInfo-total">
                <strong>应付合计:</strong>
                <span>&yen;{{orderInfo.payMoney+orderInfo.freightIntegral}}</span>
            </div>
        </div>
       <!-- <div class="myOrderInfo-butt" v-if="orderInfo.state==1||orderInfo.state==6||orderInfo.state==9||orderInfo.state==10">
            <span class="butt-kefu">在线客服</span>
        </div>
        <div class="myOrderInfo-butt1 clearfix" v-if="orderInfo.state==3||orderInfo.state==4||orderInfo.state==7||orderInfo.state==8">
            <span class="butt-lxmj">联系卖家</span>
            <strong></strong>
            <span class="butt-kefu">在线客服</span>
        </div>-->
    </div>
    <div class="confirmOrder-footer" v-if="orderInfo.afterState!=30&&orderInfo.state!=4">
        <template  v-if="orderInfo.state==1||orderInfo.state==2">
            应付:
            <span  class="money">&yen;{{orderInfo.payMoney+orderInfo.freightIntegral}}</span>
            <strong class="footer-btn" :class="{'footer-btn2':orderInfo&&compareDate()<0}" @click="payOrder()">支付<span id="footerData">{{leftTimer()}}</span></strong>
            <strong class="footer-btn1" @click="canceluserOrder()">取消订单</strong>
        </template>
       <template v-if="orderInfo.state==3||orderInfo.state==4">
           <strong class="footer-btn1" @click="confirmCollectGoods()">确认收货</strong>
           <strong class="footer-btn1" @click="getNext(3)">查看物流</strong>
       </template>
        <template v-if="orderInfo.state==6">
            <strong class="footer-btn1" @click="getNext(1)">申请退款</strong>
            <!--<strong class="footer-btn1">去转售</strong>-->
            <strong class="footer-btn1">确认收货</strong>
        </template>
        <template v-if="orderInfo.state==5||orderInfo.state==7">
            <strong class="footer-btn1" @click="getNext(2)">申请售后</strong>
            <strong class="footer-btn1" @click="deleteuserOrder()">删除订单</strong>
        </template>
        <template v-if="orderInfo.state==7&&orderInfo.afterState==100">
            <strong class="footer-btn1" @click="deleteuserOrder()">删除订单</strong>
        </template>
        <template v-if="orderInfo.state==8||orderInfo.state==9||orderInfo.state==10">
            <strong class="footer-btn1" @click="deleteuserOrder()">删除订单</strong>
        </template>
    </div>
    <div id="mask" @click="getIsScreen()" :class="{'maskShow':isScreen}"></div>
    <div id="storageBox" :class="{'maskShow':isScreen==1}">
        <h6 class="storageBox-title">
            <span>存入储物箱</span>
        </h6>
        <div class="storageBox clearfix">
            <div class="storageBox-left">
                <strong :style="bgimg(imgSrc)"></strong>
                <span><span>×</span>{{number}}</span>
            </div>
            <div class="storageBox-cent"></div>
            <div class="storageBox-right">
                <strong class="storageBox-rightImg" :style="bgimg(imgSrc)"></strong>
                <strong class="storageBox-rightbg"></strong>
                <span>{{number}}</span>
            </div>
        </div>
        <div class="storageBox-Btn clearfix">
            <span @click="getIsScreen()">取消</span>
            <span class="btnOK" @click="getCartIsStorage()">确定</span>
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/purchase/myOrderInfo.js?v=<%=$version%>"></script>

</body>
</html>